import styled from 'styled-components'
import Logo from './Logo.jsx'
import MainNav from './MainNav.jsx'
import Uploader from '../data/Uploader.jsx'

const StyledSidebar = styled.div`
  padding: 3.2rem 2.4rem;
  grid-row: 1/ -1;
  border-radius: 1px solid var(--color-grey-100);

  display: flex;
  flex-direction: column;
  gap: 3.2rem;
`

export default function Sidebar() {
	return (
		<StyledSidebar>
			<Logo />
			<MainNav />
			<Uploader />
		</StyledSidebar>
	)
}
